﻿<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="UcAddProduct.ascx.cs" Inherits="TheHeGeoCommercial.Admin.UcAddProduct" %>
<%@ Register Assembly="DevExpress.Web.v14.1, Version=14.1.8.0, Culture=neutral, PublicKeyToken=b88d1754d700e49a" Namespace="DevExpress.Web.ASPxPopupControl" TagPrefix="dx" %>
<%@ Register Assembly="DevExpress.Web.v14.1, Version=14.1.8.0, Culture=neutral, PublicKeyToken=b88d1754d700e49a" Namespace="DevExpress.Web.ASPxUploadControl" TagPrefix="dx" %>
<%@ Register Assembly="DevExpress.Web.v14.1, Version=14.1.8.0, Culture=neutral, PublicKeyToken=b88d1754d700e49a" Namespace="DevExpress.Web.ASPxHeadline" TagPrefix="dx" %>
<%@ Register Assembly="DevExpress.Web.v14.1, Version=14.1.8.0, Culture=neutral, PublicKeyToken=b88d1754d700e49a" Namespace="DevExpress.Web.ASPxRoundPanel" TagPrefix="dx" %>
<%@ Register Assembly="DevExpress.Web.v14.1, Version=14.1.8.0, Culture=neutral, PublicKeyToken=b88d1754d700e49a" Namespace="DevExpress.Web.ASPxPanel" TagPrefix="dx" %>
<%@ Register TagPrefix="dx" Namespace="DevExpress.Web.ASPxGridView" Assembly="DevExpress.Web.v14.1, Version=14.1.8.0, Culture=neutral, PublicKeyToken=b88d1754d700e49a" %>

<%@ Register assembly="DevExpress.Web.v14.1, Version=14.1.8.0, Culture=neutral, PublicKeyToken=b88d1754d700e49a" namespace="DevExpress.Web.ASPxEditors" tagprefix="dx" %>
<%@ Register TagPrefix="dx" Namespace="DevExpress.Web.ASPxDataView" Assembly="DevExpress.Web.v14.1, Version=14.1.8.0, Culture=neutral, PublicKeyToken=b88d1754d700e49a" %>
<style type="text/css">
    .auto-style1 {
        width: 250px;}
    .auto-style2 {
        width: 388px;
    }
</style>
 <script type="text/javascript">
     function grvData_CustomButtonClick(s, e) {

         if (e.buttonID == 'btnDelete') {
             if (confirm("Bạn muốn xóa sản phẩm này?")) {

                 e.processOnServer = true;
             } else {
                 e.processOnServer = false;
             }

         }
         else {
             e.processOnServer = true;
         }
     }

     function DeleteClick(s, key) {
         //alert(key);
         ASPxDataView2.PerformCallback(key);}
 </script>
<div>
    <dx:ASPxHeadline ID="ASPxHeadline4" ClientInstanceName="ASPxHeadline1" HeaderText="Thông tin sản phẩm" runat="server"></dx:ASPxHeadline>  
</div>
<div>
    <dx:ASPxGridView ID="grvData" runat="server" ClientInstanceName="grvData" Width="100%" AutoGenerateColumns="False" KeyFieldName="MaSanPham" OnCustomButtonCallback="grvData_CustomButtonCallback"  >
             <ClientSideEvents CustomButtonClick="grvData_CustomButtonClick" />
             <Columns>
                 <dx:GridViewCommandColumn Name="cmdBtn" ShowInCustomizationForm="False" VisibleIndex="0" ButtonType="Link" Caption="" Width="100px">
                        <CustomButtons>
                            <dx:GridViewCommandColumnCustomButton ID="btnNew" Text="Add" Visibility="AllDataRows">
                            </dx:GridViewCommandColumnCustomButton>
                            <dx:GridViewCommandColumnCustomButton ID="btnEdit" Text="Edit" Visibility="AllDataRows">
                            </dx:GridViewCommandColumnCustomButton>
                             <dx:GridViewCommandColumnCustomButton ID="btnDelete" Text="Delete" Visibility="AllDataRows">
                            </dx:GridViewCommandColumnCustomButton>
                    </CustomButtons>
                        <HeaderStyle  HorizontalAlign="Center" VerticalAlign="Middle" />
                    </dx:GridViewCommandColumn> 
            <dx:GridViewDataTextColumn Caption="Mã sản phẩm" FieldName="MaSanPham" Width="150px" VisibleIndex="2" >
                <HeaderStyle HorizontalAlign="Center" VerticalAlign="Middle" />
                <CellStyle HorizontalAlign="Center" VerticalAlign="Middle"> 
                </CellStyle>
            </dx:GridViewDataTextColumn>

            <dx:GridViewDataTextColumn Caption="Tên sản phẩm" FieldName="TenSanPham" Width="200px" VisibleIndex="3">
                <HeaderStyle HorizontalAlign="Center" VerticalAlign="Middle" />
                <CellStyle HorizontalAlign="Left" VerticalAlign="Middle">
                </CellStyle>
            </dx:GridViewDataTextColumn>
            
           <dx:GridViewDataTextColumn Caption="Chú thích" FieldName="ChuThich" Width="200px"  VisibleIndex="3">
                <HeaderStyle HorizontalAlign="Center" VerticalAlign="Middle" />
                <CellStyle HorizontalAlign="Left" VerticalAlign="Middle">
                </CellStyle>
            </dx:GridViewDataTextColumn>

            <dx:GridViewDataTextColumn Caption="Loại sản phẩm" FieldName="TenLoaiSanPham"  Width="200px" VisibleIndex="4">
                <HeaderStyle HorizontalAlign="Center" VerticalAlign="Middle" />
                <CellStyle HorizontalAlign="Left" VerticalAlign="Middle">
                </CellStyle>
            </dx:GridViewDataTextColumn>
                  <dx:GridViewDataTextColumn Caption="Loại sản phẩm" FieldName="MaLoaiSanPham" Visible="False" VisibleIndex="4">
                <HeaderStyle HorizontalAlign="Center" VerticalAlign="Middle" />
                <CellStyle HorizontalAlign="Left" VerticalAlign="Middle">
                </CellStyle>
            </dx:GridViewDataTextColumn>

             <dx:GridViewDataTextColumn Caption="Ảnh đại diện" FieldName="ImageUrl" Visible="False" VisibleIndex="5">
                <HeaderStyle HorizontalAlign="Center" VerticalAlign="Middle" />
                <CellStyle HorizontalAlign="Left" VerticalAlign="Middle">
                </CellStyle>
            </dx:GridViewDataTextColumn>
          
               <dx:GridViewDataTextColumn Caption="Thư mục ảnh" FieldName="ImageDirectory" Name="ImageDirectory" Visible="False" VisibleIndex="5">                           
               </dx:GridViewDataTextColumn>

             <dx:GridViewDataTextColumn Caption="Giá" FieldName="Gia" VisibleIndex="5">
                <HeaderStyle HorizontalAlign="Center" VerticalAlign="Middle" />
                <CellStyle HorizontalAlign="Left" VerticalAlign="Middle">
                </CellStyle>
            </dx:GridViewDataTextColumn>

        </Columns>
         <SettingsBehavior AutoFilterRowInputDelay="100" />
        <SettingsPager PageSize="15">
        </SettingsPager>
        <Settings ShowFilterRow="True" ShowFilterRowMenu="True" />
        <Settings ShowFilterRow="True" ShowFilterRowMenu="True"   HorizontalScrollBarMode="Auto"/>
            </dx:ASPxGridView>  
</div >
<div style="margin-top:5px;">
    
</div>
<div>
   <dx:ASPxHeadline ID="ASPxHeadline1" ClientInstanceName="ASPxHeadline1" HeaderText="Thêm/Sửa sản phẩm" runat="server"></dx:ASPxHeadline>  
</div>
 <div>
<table Width="100%" ID="tbDetail">
    <tr>
        <td Width="150px">
            <dx:ASPxLabel ID="lbmaSanPham" runat="server" Text="Mã sản phẩm:"></dx:ASPxLabel>
        </td>

        <td class="auto-style2">
            <dx:ASPxTextBox ID="txtMaSanPham" ClientInstanceName="txtMaSanPham" runat="server" Width="400px"></dx:ASPxTextBox>
        </td>
        <td width="300px"></td>
    </tr>
    <tr>
        <td >
            <dx:ASPxLabel ID="lbTenSanPham"  runat="server" Text="Tên sản phẩm:"></dx:ASPxLabel>
        </td>
        <td class="auto-style2">
            <dx:ASPxTextBox ID="txtTenSanPham" ClientInstanceName="txtTenSanPham" runat="server" Width="400px"></dx:ASPxTextBox>
        </td>
        <td></td>
    </tr>
    <tr>
        <td >
            <dx:ASPxLabel ID="ASPxLabel2"  runat="server" Text="Nội dung:"></dx:ASPxLabel>
        </td>
        <td class="auto-style2">
            <dx:ASPxMemo ID="txtChuThich" ClientInstanceName="txtChuThich" runat="server"  Height="100px"  Width="400px">
                <InvalidStyle>
                    <BorderRight BorderStyle="Solid" />
                    <BorderBottom BorderStyle="Solid" />
                </InvalidStyle>
                <BorderRight BorderStyle="Solid" />
            </dx:ASPxMemo>
        </td>
        <td></td>
    </tr>
    <tr>
        <td >
            <dx:ASPxLabel ID="lbLoaiSanPham" runat="server" Text="Loại sản phẩm:"></dx:ASPxLabel>
        </td>
                    
        <td class="auto-style2">
            <dx:ASPxComboBox ID="cbbLoaiSanPham" ClientInstanceName="cbbLoaiSanPham" ValueType="System.String" DropDownStyle="DropDown" runat="server" Width="400px"></dx:ASPxComboBox>
                        
        </td>
        <td align="left" >
            <asp:Button ID="btnAdd"  align="left" runat="server" Text="..." OnClick="btnAdd_Click"  ToolTip="Them loai san pham" />
        </td>
    </tr>
    <tr>
        <td >
            <dx:ASPxLabel ID="ASPxLabel1" runat="server" Text="Giá sản phẩm:"></dx:ASPxLabel> 
        </td>
        <td class="auto-style2">
            <dx:ASPxTextBox ID="txtGia" ClientInstanceName="txtGia" runat="server"  Width="400px" MaxLength="20">
            </dx:ASPxTextBox>
        </td>
        <td></td>
    </tr>
     <tr>
        <td >
            <dx:ASPxLabel ID="ASPxLabel4" runat="server" Text="Tên video:"></dx:ASPxLabel> 
        </td>
        <td class="auto-style2">
            <dx:ASPxMemo ID="txtVideoName" ClientInstanceName="txtVideoName" runat="server"  Height="50px" Width="400px">
            </dx:ASPxMemo>
        </td>
        <td></td>
    </tr>
    <tr>
        <td >
            <dx:ASPxLabel ID="ASPxLabel3" runat="server" Text="Link video:"></dx:ASPxLabel> 
        </td>
        <td class="auto-style2">
            <dx:ASPxMemo ID="txtProductVideo" ClientInstanceName="txtProductVideo" runat="server"  Height="50px" Width="400px">
            </dx:ASPxMemo>
        </td>
        <td></td>
    </tr>
     <tr >
        <td  colspan="3">
             <dx:ASPxHeadline ID="lineSpecification" HeaderText="Thông số kỹ thuật" style="margin-top:10px;" runat="server"></dx:ASPxHeadline>
         </td>
      
 
       <%-- <td class="auto-style2">
            
        </td>
        <td></td>--%>
    </tr>
    <tr>
        <td >
            <dx:ASPxLabel ID="lbDetailName" runat="server" Text="Tên Thông số KT:"></dx:ASPxLabel> 
        </td>
        <td class="auto-style2">
            <dx:ASPxMemo ID="txtDetailName" ClientInstanceName="txtDetailName" MaxLength="2000" runat="server"  Height="50px"  Width="400px"></dx:ASPxMemo>
        </td>
        <td></td>
    </tr>
    <tr>
        <td >
            <dx:ASPxLabel ID="lbDetailText" runat="server" Text="Nội dung thông số KT:"></dx:ASPxLabel>
        </td>
        <td class="auto-style2">
            <dx:ASPxMemo ID="txtDetailText" ClientInstanceName="txtDetailText" MaxLength="2000" runat="server"  Height="50px"  Width="400px"></dx:ASPxMemo>
        </td>
        <td></td>
    </tr>
     <tr>
        <td >
            <dx:ASPxLabel ID="lbDetailNote" runat="server" Text="Note thông số KT:"></dx:ASPxLabel>
        </td>
        <td class="auto-style2">
            <dx:ASPxMemo ID="txtDetailNote" ClientInstanceName="txtDetailNote" MaxLength="2000" runat="server"  Height="50px"  Width="400px"></dx:ASPxMemo>
        </td>
        <td></td>
    </tr>
    <tr>
        <td style="margin-top:5px;">
            <dx:ASPxHeadline ID="ASPxHeadline2" HeaderText="Upload ảnh" style="margin-top:10px;" runat="server"></dx:ASPxHeadline>
        </td>
        <td>  </td>
        <td></td>
    </tr>
     <tr>
         <td width="150px">
            <dx:ASPxLabel ID="ASPxLabel5" runat="server" Text="Chọn ảnh đại diện:"></dx:ASPxLabel> 
        </td>
        <td style="margin-bottom:5px;">
            <dx:ASPxUploadControl ID="uploadAvatar" style="margin-bottom:10px;" runat="server" UploadMode="Auto"  Width="400px" OnFileUploadComplete="uploadAvatar_FileUploadComplete" ShowUploadButton="True" AddUploadButtonsHorizontalPosition="Left"></dx:ASPxUploadControl>
                        
        </td>
        <td></td>
    </tr>
    <tr>
          <td style="margin-top:10px;">
                <dx:ASPxLabel ID="ASPxLabel6" runat="server" Text="Upload ảnh:"></dx:ASPxLabel> 
        </td>
                     
        <td>
            <dx:ASPxUploadControl ID="uploadImages" style="margin-bottom:10px;" runat="server" UploadMode="Auto" Width="400px" OnFileUploadComplete="uploadImages_FileUploadComplete" ShowAddRemoveButtons="True" ShowUploadButton="True" AddUploadButtonsHorizontalPosition="Left"></dx:ASPxUploadControl>
        </td>
        <td></td>
      </tr>
    <tr>
          <td style="margin-top:10px;">
               
        </td>
                     
        <td>
            <asp:Button ID="btnSave" runat="server" Text="Save" Width="70px" Height="25px" OnClick="btnSave_Click"/>
            <asp:Button ID="btnCancel" runat="server" Text="Cancel" Width="70px" Height="25px" OnClick="btnCancel_Click"/>
        </td>
        <td></td>
      </tr>
</table></div> 
<div>
    <dx:ASPxPanel ID="ASPxPanel2" runat="server" BackColor="#CCCCCC" Height="5px" Width="100%">
                </dx:ASPxPanel>
</div>

<div>
    <dx:ASPxHeadline ID="lineVideo" HeaderText="Video sản phẩm" runat="server" Visble="false"></dx:ASPxHeadline>
</div>
<div>
    <dx:ASPxGridView ID="grvVideo" runat="server" ClientInstanceName="grvVideo" style="margin-bottom:15px;" AutoGenerateColumns="False"  width="100%" KeyFieldName="Id" Visible="false" OnInitNewRow="grvVideo_InitNewRow" OnRowDeleting="grvVideo_RowDeleting" OnRowInserting="grvVideo_RowInserting" OnRowUpdating="grvVideo_RowUpdating" >
        <Columns>
            <dx:GridViewCommandColumn ShowClearFilterButton="True"  ShowDeleteButton="True" ShowEditButton="True" ShowNewButtonInHeader="True" VisibleIndex="0">
        </dx:GridViewCommandColumn>
            <dx:GridViewDataTextColumn Caption="Id" FieldName="Id" Width="150px" VisibleIndex="0" Visible="False" >
            <HeaderStyle HorizontalAlign="Center" VerticalAlign="Middle" />
            <CellStyle HorizontalAlign="Center" VerticalAlign="Middle"> 
            </CellStyle>
        </dx:GridViewDataTextColumn> 
        <dx:GridViewDataTextColumn Caption="Mã sản phẩm" FieldName="MaSanPham" Width="150px" ReadOnly="True" VisibleIndex="1">
            <HeaderStyle HorizontalAlign="Center" VerticalAlign="Middle" />
            <CellStyle HorizontalAlign="Center" VerticalAlign="Middle"> 
            </CellStyle>
        </dx:GridViewDataTextColumn>

        <dx:GridViewDataTextColumn Caption="Tên sản phẩm" FieldName="TenSanPham" Width="200px" ReadOnly="True" VisibleIndex="3">
            <HeaderStyle HorizontalAlign="Center" VerticalAlign="Middle" />
            <CellStyle HorizontalAlign="Left" VerticalAlign="Middle">
            </CellStyle>
        </dx:GridViewDataTextColumn>
                 
        <dx:GridViewDataTextColumn Caption="Link video" FieldName="VideoLink" VisibleIndex="6" Width="300px">
            <HeaderStyle HorizontalAlign="Center" VerticalAlign="Middle" />
            <CellStyle HorizontalAlign="Left" VerticalAlign="Middle">
            </CellStyle>
        </dx:GridViewDataTextColumn>
                     
        <dx:GridViewDataTextColumn Caption="Tên video" FieldName="VideoName" VisibleIndex="6" Width="150px">
            <HeaderStyle HorizontalAlign="Center" VerticalAlign="Middle" />
            <CellStyle HorizontalAlign="Left" VerticalAlign="Middle">
            </CellStyle>
        </dx:GridViewDataTextColumn>

    </Columns>
        <SettingsBehavior ConfirmDelete="True" AutoFilterRowInputDelay="100" />
    <SettingsPager PageSize="15">
    </SettingsPager>
    <Settings ShowFilterRow="True" ShowFilterRowMenu="True" />
    <SettingsText ConfirmDelete="Bạn có muốn xóa dòng dữ liệu này ?" />
    <Settings ShowFilterRow="True" ShowFilterRowMenu="True"   HorizontalScrollBarMode="Auto"/>
    </dx:ASPxGridView> 
</div>   
 <div>
    <dx:ASPxPanel ID="ASPxPanel1" runat="server" BackColor="#CCCCCC" Height="5px" Width="100%">
                </dx:ASPxPanel>
</div>
<div>
    <dx:ASPxHeadline ID="headerDetail" HeaderText="Chi tiết sản phẩm" runat="server" Visble="false"></dx:ASPxHeadline>
</div>
<div>
    <dx:ASPxGridView ID="grvDetail" runat="server" ClientInstanceName="grvDetail" style="margin-bottom:15px;" AutoGenerateColumns="False"  width="100%" KeyFieldName="Id" Visible="false" OnInitNewRow="grvDetail_InitNewRow" OnRowDeleting="grvDetail_RowDeleting" OnRowInserting="grvDetail_RowInserting" OnRowUpdating="grvDetail_RowUpdating">
        <Columns>
            <dx:GridViewCommandColumn ShowClearFilterButton="True"  ShowDeleteButton="True" ShowEditButton="True" ShowNewButtonInHeader="True" VisibleIndex="0">
        </dx:GridViewCommandColumn>
            <dx:GridViewDataTextColumn Caption="Id" FieldName="Id" Width="150px" VisibleIndex="0" Visible="False" >
            <HeaderStyle HorizontalAlign="Center" VerticalAlign="Middle" />
            <CellStyle HorizontalAlign="Center" VerticalAlign="Middle"> 
            </CellStyle>
        </dx:GridViewDataTextColumn> 
        <dx:GridViewDataTextColumn Caption="Mã sản phẩm" FieldName="MaSanPham" Width="150px" ReadOnly="True" VisibleIndex="1">
            <HeaderStyle HorizontalAlign="Center" VerticalAlign="Middle" />
            <CellStyle HorizontalAlign="Center" VerticalAlign="Middle"> 
            </CellStyle>
        </dx:GridViewDataTextColumn>

        <dx:GridViewDataTextColumn Caption="Tên sản phẩm" FieldName="TenSanPham" Width="200px" ReadOnly="True" VisibleIndex="3">
            <HeaderStyle HorizontalAlign="Center" VerticalAlign="Middle" />
            <CellStyle HorizontalAlign="Left" VerticalAlign="Middle">
            </CellStyle>
        </dx:GridViewDataTextColumn>
                 
        <dx:GridViewDataTextColumn Caption="Tên thông số kỹ thuật" FieldName="SpecificationName" Width="150px" VisibleIndex="6">
            <HeaderStyle HorizontalAlign="Center" VerticalAlign="Middle" />
            <CellStyle HorizontalAlign="Left" VerticalAlign="Middle">
            </CellStyle>
        </dx:GridViewDataTextColumn>
                <dx:GridViewDataTextColumn Caption="Note thông số kỹ thuật" FieldName="SpecificationNote" Width="150px" VisibleIndex="8">
            <HeaderStyle HorizontalAlign="Center" VerticalAlign="Middle" />
            <CellStyle HorizontalAlign="Left" VerticalAlign="Middle">
            </CellStyle>
        </dx:GridViewDataTextColumn>
            
        <dx:GridViewDataTextColumn Caption="Mô tả thông số kỹ thuật" FieldName="SpecificationTxt" Width="150px" VisibleIndex="7">
            <HeaderStyle HorizontalAlign="Center" VerticalAlign="Middle" />
            <CellStyle HorizontalAlign="Left" VerticalAlign="Middle">
            </CellStyle>
        </dx:GridViewDataTextColumn>

    </Columns>
        <SettingsBehavior ConfirmDelete="True" AutoFilterRowInputDelay="100" />
    <SettingsPager PageSize="15">
    </SettingsPager>
    <Settings ShowFilterRow="True" ShowFilterRowMenu="True" />
    <SettingsText ConfirmDelete="Bạn có muốn xóa dòng dữ liệu này ?" />
    <Settings ShowFilterRow="True" ShowFilterRowMenu="True"   HorizontalScrollBarMode="Auto"/>
    </dx:ASPxGridView> 
</div>
<div>
    <dx:ASPxPanel ID="ASPxPanel3" runat="server" BackColor="#CCCCCC" Height="5px" Width="100%">
                </dx:ASPxPanel>
</div>  
<div>
    <dx:ASPxHeadline ID="ASPxHeadline3" HeaderText="List Photo" runat="server" Visble="false"></dx:ASPxHeadline>
</div>  

<div style="margin: 5px 5px 5px 5px;width: 98%;height: 100%">
    <dx:ASPxDataView ID="ASPxDataView2" ClientInstanceName="ASPxDataView2" runat="server" SettingsTableLayout-RowsPerPage="2" SettingsTableLayout-ColumnCount="2" Width="95%" PagerAlign="Right" ItemSpacing="10px" style="margin-right: 0px" OnCustomCallback="ASPxDataView2_CustomCallback">
<ItemTemplate>
    <table style="margin: 0 auto;">
        <tr>
            <td colspan="2">
                <dx:ASPxImage ID="ASPxImage1" runat="server" ShowLoadingImage="true" ImageUrl='<%# Eval("ImageUrl") %>'  Width="300px" Height="200px"></dx:ASPxImage>
            </td>
            <td>
               <a href="javascript:void(0);" onclick="DeleteClick(this, '<%# Eval("TenAnh") %>')">
                        Delete</a>
            </td>
        </tr>
        <%--<tr>
            
            <td><dx:ASPxLabel ID="lblType" runat="server" Text='<%# Eval("TenAnh") %>' /></td>
            <td></td>
        </tr>--%>
    </table>
</ItemTemplate>
<SettingsTableLayout ColumnCount="2" RowsPerPage="2"></SettingsTableLayout>

<PagerSettings ShowNumericButtons="true">
    <AllButton Visible="False" />
    <Summary Visible="false" />
    <PageSizeItemSettings ShowAllItem="true" />
</PagerSettings>
        <Border BorderStyle="None" />
</dx:ASPxDataView></div>
       

 <dx:ASPxPopupControl ID="popupAddType" runat="server" HeaderText="Thêm loại sản phẩm" CloseAction="CloseButton" MinWidth="90%" Height="500px" Width="850px" PopupHorizontalAlign="WindowCenter" PopupVerticalAlign="WindowCenter">
     <ContentCollection>
<dx:PopupControlContentControl runat="server" SupportsDisabledAttribute="True">
  
    <div>
        <dx:ASPxGridView ID="grvProductType" runat="server" ClientInstanceName="grvProductType" style="margin-bottom:15px;" AutoGenerateColumns="False"  width="100%" KeyFieldName="MaLoaiSanPham" OnRowDeleting="grvProductType_RowDeleting" OnRowInserting="grvProductType_RowInserting" OnRowUpdating="grvProductType_RowUpdating" OnInitNewRow="grvProductType_InitNewRow" >
        <Columns>
            <dx:GridViewCommandColumn ShowClearFilterButton="True"  ShowDeleteButton="True" ShowEditButton="True" ShowNewButtonInHeader="True" VisibleIndex="0">
        </dx:GridViewCommandColumn>
            <dx:GridViewDataTextColumn Caption="Mã loại sản phẩm" FieldName="MaLoaiSanPham" Width="200px" VisibleIndex="1"  ReadOnly="True">
            <HeaderStyle HorizontalAlign="Center" VerticalAlign="Middle" />
            <CellStyle HorizontalAlign="Center" VerticalAlign="Middle"> 
            </CellStyle>
        </dx:GridViewDataTextColumn> 
        <dx:GridViewDataTextColumn Caption="Tên loại sản phẩm" FieldName="TenLoaiSanPham" Width="250px"   VisibleIndex="2">
            <HeaderStyle HorizontalAlign="Center" VerticalAlign="Middle" />
            <CellStyle HorizontalAlign="Center" VerticalAlign="Middle"> 
            </CellStyle>
        </dx:GridViewDataTextColumn>

        <dx:GridViewDataTextColumn Caption="Nội dung" FieldName="ChuThich" Width="250px"  VisibleIndex="3">
            <HeaderStyle HorizontalAlign="Center" VerticalAlign="Middle" />
            <CellStyle HorizontalAlign="Left" VerticalAlign="Middle">
            </CellStyle>
        </dx:GridViewDataTextColumn>

    </Columns>
        <SettingsBehavior ConfirmDelete="True" AutoFilterRowInputDelay="100" />
    <SettingsPager PageSize="15">
    </SettingsPager>
    <Settings ShowFilterRow="True" ShowFilterRowMenu="True" />
    <SettingsText ConfirmDelete="Bạn có muốn xóa dòng dữ liệu này ?" />
    <Settings ShowFilterRow="True" ShowFilterRowMenu="True"   HorizontalScrollBarMode="Auto"/>
    </dx:ASPxGridView>
    </div>
</dx:PopupControlContentControl>
</ContentCollection>
 </dx:ASPxPopupControl>

     